/*客服*/
.qqkefu{  position: fixed;   top:50%; _position: absolute; _top: expression(eval(document.documentElement.scrollTop + 365));z-index: 10000; right: 30px; width:39px;  display:none;}
.qqkefu ul li{ width: 45px; height:45px;margin-bottom:1px;float:right;  background: #1c1e27; line-height:45px; font-size:12px; cursor:pointer; position:relative;}
.qqkefu ul li a{ color:#fff; overflow: hidden; display: block; height: 45px;}
.qqkefu ul li.qq_cza{ overflow:hidden}
.qqkefu ul li:hover{ background:#009ced;}
.qqkefu ul li.top{ background:url("../images/back.png") no-repeat center #1c1e27; position:relative;width:45px; height: 45px; cursor:pointer;}
.qqkefu ul li.top:hover{background:url("../images/back.png") no-repeat center #009ced;}
.qqkefu ul li b{ width:45px; height:45px; display:block; overflow:hidden; float:left;}
.qqkefu ul li span{ font-size: 12px; font-weight: bold;color: #FFF;}
.qqkefu ul li b.a{ background:url(../images/qq.png) no-repeat center center;}
.qqkefu ul li b.b{ background:url(../images/zixun.png) no-repeat center center;}
.qqkefu ul li b.c{background:url(../images/weixin.png) no-repeat center center;}
.qqkefu ul li b.e{ background:url(../images/tel.png) no-repeat center center;}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.erweima{ width: 130px; height: 150px;position: absolute; top: -107px;left: -150px;background: #FFF; border: 1px solid #CCC;  float: left;   cursor: default !important; display:none;}
.erweima p{ line-height: 20px; color: #000; font-size: 12px;  text-align: center; float: left; width: 130px;}
.erweima p img{width: 110px; height: 110px; margin: 10px 10px 0 10px; border:1px solid #eee;}
.erweima .arrow3 { width: 5px; height: 10px;  display: block; background:url(../images/czx6.png) no-repeat; position: absolute; right: -5px;top: 122px;}





.container{width: 1400px;margin: 0 auto;}
.main{width: 1200px;}
@media(max-width:1440px){
    .container{width: 1200px;}
}
@media (max-width: 1260px)
.container, .main {
    width: 1155px;
}
.banner-img{width: 100%;}
.home-banner .swiper-slide a{display: block;width: 100%; position: relative;}
.banner-text{position: absolute;	top:0;left:0;width: 100%;height: 100%;z-index: 4;}
.banner-text .container-middle{height: 100%;}
.banner-cont{ transform: translateX(-40px);opacity: 0;  filter: alpha(opacity=0);padding-top: 180px;}
.home-banner .swiper-slide-active .banner-cont{opacity: 1; filter: alpha(opacity=100);transform: translateX(0);  transition: all .8s linear;  transition-delay: .1s;}
.banner-slogan{font-size: 60px;color: #fff;}
.banner-slogan b{font-weight: 800;}
.banner-sub{font-size: 72px;color: #fff;position: relative;padding-top: 24px;margin-top: 18px;margin-bottom: 12px;}
.banner-sub::before{content: "";position: absolute;width: 70px;height: 2px;background: #fff;top: 0;left: 0;}
.banner-des{font-size: 48px;color: #fff;/* transition: ease .5s; */}
/* .dis-cell:hover .banner-des{font-size: 12px;} */
.banner-more{display: inline-block;font-size: 16px;color: #fff;line-height: 30px;text-align: center;border: 1px solid transparent;cursor: pointer;transition: all .4s;background: #0095e2 url(../images/more1.png)no-repeat center right 15px;padding: 9px 15px;margin-top: 35px;padding-right: 50px;}
.banner-more:hover{background: transparent url(../images/more1.png)no-repeat center right 20px;;	border-color: #fff;}
.home-banner .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;opacity: 1;margin: 0 10px !important;}
.home-banner .swiper-pagination-bullet-active{width:12px;height: 12px;background: transparent;position: relative;opacity: 1;border-radius: 50%;border: 1px solid #fff;}
.home-banner .swiper-pagination-bullet-active::before{content: "";position: absolute;width: 6px;height: 6px;left: 2px;top: 2px;border-radius: 50%;background: #fff;}
.home-banner .swiper-pagination{bottom: 45px !important;}
.pt{padding-top: 80px;}
.index-tit{font-size: 48px;color: #333;text-align: center;}
.intit-des{font-size: 16px;line-height: 30px;color: #666;text-align: center;}

/* theme-default */
.theme-default #slider{margin:0 auto;width:100%;height:366px;background-size: cover!important;background-position: center !important;}
.theme-default .nivoSlider{background:url("../images/loading.gif") no-repeat 50% 50% rgb(255, 255, 255);margin-bottom:50px;position:relative;}
.theme-default .nivoSlider img{left:0px;top:0px;display:none;position:absolute;width: 100%;}
.theme-default .nivoSlider a{border:0px currentColor;display:block;}
.theme-default .nivo-controlNav{left:46.5%;width:auto;height:12px;bottom:50px;position:absolute;z-index:9;background-image:url("../images/bullets-bg.png");background-repeat:no-repeat;}
.theme-default .nivo-controlNav a{background:#fff;border:0px currentColor;width:12px;height:12px;text-indent:-9999px;margin-right:3px;float:left;display:block;border-radius: 50%;margin: 0 10px;}
.theme-default .nivo-controlNav a.active{background: transparent;border: 1px solid #fff;position: relative;}
.theme-default .nivo-controlNav a.active::before{content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background: #fff;left: 2px;top: 2px;}
.theme-default .nivo-directionNav a{background:url("../images/arrows.png") no-repeat;border:0px currentColor;width:65px;height:65px;text-indent:-9999px;display:block;}
.theme-default a.nivo-nextNav{background-position:-65px 0px;top:151px;right:30px;}
.theme-default a.nivo-prevNav{left:30px;top:151px;}
.theme-default a.nivo-nextNav:hover{background-position:-65px -65px;top:151px;right:30px;}
.theme-default a.nivo-prevNav:hover{background-position:0px -65px;left:30px;top:151px;}
.theme-default .nivo-caption{font-family:Helvetica,Arial,sans-serif;}
.theme-default .nivo-caption a{color:rgb(255, 255, 255);border-bottom-color:rgb(255, 255, 255);border-bottom-width:1px;border-bottom-style:dotted;}
.theme-default .nivo-caption a:hover{color:rgb(255, 255, 255);}
/* nivoSlider */
.nivoSlider{position:relative;}
.nivoSlider img{left:0px;top:0px;position:absolute;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;border:0px currentColor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivoSlider{position:relative;}
.nivoSlider img{left:0px;top:0px;position:absolute;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;border:0px currentColor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivo-slice{height:100%;display:block;position:absolute;z-index:5;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{background:rgb(0, 0, 0);left:0px;width:30%;bottom:0px;color:rgb(255, 255, 255);display:none;position:absolute;z-index:8;opacity:0.8;}
.nivo-caption p{margin:0px;display:none;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{top:45%;position:absolute;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0px;}
.nivo-nextNav{right:0px;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:bold;}
/* index-one */
.index-one{}
.in1-banner{}
.in1-con{margin-top: 45px;}
.in1-banner .swiper-slide a{display: block;background-repeat: no-repeat;background-position: center;background-size: cover;height: 800px;position: relative;}
.in1-text{position: absolute;top:0;left:0;width: 100%;	height: 100%;z-index: 4;}
.in1-text>div{position: relative;height: 100%;}
.in1-cont{padding: 0 50px 70px;}
.in1-text .dis-table{width: 35.71%;background: rgba(3,129,194,0.6);}
.in1-tit{font-size: 36px;color: #fff;position: relative;line-height: 42px;padding-bottom: 30px;margin-bottom: 30px;font-weight: lighter;}
.in1-tit::before{content: "";position: absolute;width: 50px;height: 2px;background: #fff;bottom: 0;left: 0;}
.in1-des{font-size: 16px;line-height: 30px;color: #fff;height: 180px;}
.in1-allbtn{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.in1-allbtn>div{position: relative;height: 100%;}
.in1-btn{background: #fff;width: 200px;height: 60px;position: absolute;display: table;text-align: center;margin-top: 45px;z-index: 5;left: 50px;bottom: 24.3%;}
.in1-btn .swiper-pagination-fraction{color: #000;font-size: 22px;display: table-cell;vertical-align: middle;font-style: italic;}


.in1-btn .swiper-pagination-current{    position: absolute;top: 20%;left: 44%;font-style: normal;font-size: 16px;}
.in1-btn .swiper-pagination-total{position: absolute; top: 37%;left: 52%;font-style: normal;font-size: 16px;}
.in1-allbtn .swiper-button-next,.in1-allbtn .swiper-button-prev{width:20px;height: 14px;transition: ease .5s;opacity: 1 !important;margin-top: 0;top: 40%;}
.in1-allbtn .swiper-button-next{background: url(../images/in1-right1.png)no-repeat center right;right: 30px;}
.in1-allbtn .swiper-button-prev{background:url(../images/in1-left1.png)no-repeat center left;left: 30px;}
.in1-allbtn .swiper-button-next:hover{background: url(../images/in1-right2.png)no-repeat center right; }
.in1-allbtn .swiper-button-prev:hover{background:url(../images/in1-left2.png)no-repeat center left;}



.focusBox{ width:100%; height:700px; overflow:hidden; position:relative;}
		.focusBox .hd{ height:auto;width: 100%; overflow:hidden; position:absolute; left:0; bottom:150px; z-index:10; }
		/* .in1-slideBox .hd ul{ overflow:hidden; zoom:1; float:left;} */
	.focusBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.focusBox .hd ul li.on{ background:#f00; color:#fff;}
		.focusBox .bd{ position:relative; height:100%; z-index:0;}
		.focusBox .bd ul{}
		.focusBox .bd li{zoom:1;vertical-align:middle;width: 100%;height: 100%;height: 800px;}
			.focusBox .bd li a{display: block;width: 100%;height: 100%;}
		.focusBox .bd img{ play:block;  }
	.focusBox .prev,.focusBox .next{ position:absolute;  top:40%;  display:block;  filter:alpha(opacity=50);opacity:1; width:20px;height: 14px;transition: ease .5s;margin-top: 0;cursor: pointer;}
		.focusBox .next{background: url(../images/in1-right1.png)no-repeat center right;right: 30px;}
		.focusBox .prev{background:url(../images/in1-left1.png)no-repeat center left;left: 30px;}
		.focusBox .prev:hover{background:url(../images/in1-left2.png)no-repeat center left;}
		.focusBox .next:hover{background: url(../images/in1-right2.png)no-repeat center right; }
		.focusBox .prevStop{ display:none;}
		.focusBox .nextStop{ display:none;}
	.focusBox .bd ul{display: block;width: 100%;height: 100%;zoom: 1;}
.in1-pic{width: 100%;height: 100%;}
.in1-pic img{width: 100%;}
.in1-pic a{display: block;width: 100%;position: relative;background-size: cover;}
.in1-hd-con{position: relative;width: 200px;height: 60px;background: #fff;text-align: center;line-height: 60px;margin-left: 50px;}
.focusBox .next:hover,.focusBox .prev:hover{background-color: transparent !important;}
.in1-con .pageState{font-size: 16px;position: relative;}
/* .in1-con .pageState span{position: absolute;left: -10px;top: -30px;} */
/* index-two */
.index-two{}
.in2-con{margin-top: 45px;}
.in2-banner .swiper-slide a{display: block;position: relative;}
.in2-banner .swiper-slide a img{width: 100%;}
.in2-text{position: absolute;height: 100%;padding-left: 150px;width: 56%;overflow: hidden;top: 0;left: 0;}
.in2-cont{padding: 208px 0;}
.in2-tit{font-size: 36px;color: #333;margin-bottom: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.in-pro-tit{display: inline-block;font-size: 30px;color: #333;transition: ease .5s;margin-right: 15px;margin-bottom: 16px;}
.in2-banner .swiper-slide a:hover .in-pro-tit{color: #0095e2;}
.in-pro-canshu{display: inline-block;font-size: 16px;line-height: 28px;color: #666;}
.in2-des{font-size: 16px;line-height: 28px;color: #666;    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;   overflow: hidden;}
.in2-con .banner-more{margin-top: 42px;}
.in2-con .banner-more:hover{color: #0095e2;border-color: #0095e2;background-image: url(../images/more.png);}
.in2-pagination{width: 100%;text-align: center;margin-top: 50px;}
.in2-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #0095e2;opacity: 1;margin: 0 10px;}
.in2-pagination .swiper-pagination-bullet-active{width:12px;height: 12px;background: transparent;position: relative;border-radius: 50%;border: 1px solid #0095e2;}
.in2-pagination .swiper-pagination-bullet-active::before{content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background:#0095e2;left: 2px;top: 2px;}

.picScroll-left{ overflow:hidden; position:relative;  }
		.picScroll-left .hd{overflow:hidden;height: 20px;background:transparent;padding:0;text-align: center;margin-top: 50px;}
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat;}
		.picScroll-left .hd .next{ background-position:0 -50px;  }
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:none; overflow:hidden; zoom:1;  zoom:1; display: inline-block;}
		.picScroll-left .hd ul li{ float:left; width: 12px;height: 12px; overflow:hidden; margin:0 10px; text-indent:-999px; cursor:pointer;border-radius: 50%;background: #0095e2;}
		.picScroll-left .hd ul li.on{width:12px;height: 12px;background: transparent;position: relative;border-radius: 50%;border: 1px solid #0095e2;}
		.picScroll-left .hd ul li.on::before{content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background:#0095e2;left: 2px;top: 2px;}
	.picScroll-left .bd{ }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; margin: 0 -10px !important;}
		
		.picScroll-left .bd ul li{display:inline; overflow:hidden;}
			.picScroll-left .bd ul li a{ float:left; display: block;width: 50%;position: relative; padding:0 10px;}
			.picScroll-left .bd ul li a>div{overflow: hidden;width: 100%;}
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }
.picScroll-left .bd ul li img{width: 100%;transition: ease .5s;}
.picScroll-left .bd ul li a:hover img{transform: scale(1.04);}
.picScroll-left .bd ul li a:hover .in-pro-tit{color: #0095e2;}
.flex-control-paging{overflow: hidden;text-align: center;margin-top: 50px;}
.flex-control-paging li{display: inline-block;}
.flex-control-paging li a{display: block;width: 100%;width: 12px;height: 12px; overflow:hidden; margin:0 10px; text-indent:-999px; cursor:pointer;border-radius: 50%;background: #0095e2;}
.flex-control-paging li a.flex-active{width:12px;height: 12px;background: transparent;position: relative;border-radius: 50%;border: 1px solid #0095e2;}
.flex-control-paging li a.flex-active::before{content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background:#0095e2;left: 2px;top: 2px;}
/*index-three  */
.index-three {}
.in3-banner .swiper-slide a{display: block;background-repeat: no-repeat;background-position: center;background-size: cover;height: 700px;position: relative;}
.in3-con{margin-top: 45px;}
.in3-text{position: absolute;width: 100%;bottom: 0;left: 0;padding-bottom: 80px;}
.in3-tit{font-size: 36px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.in3-des{font-size: 16px;color: rgba(255,255,255,0.8);line-height: 30px;    display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.in3-cont{width: 41%;}
.in3-con .swiper-button-next, .in3-con .swiper-button-prev{width: 80px;height: 80px;transition: ease.5s;opacity: 1 !important;}
.in3-con .swiper-button-next{background: rgba(255,255,255,0.2) url(../images/in3-right.png)no-repeat center;right: 90px;}
.in3-con .swiper-button-prev{background: rgba(255,255,255,0.2) url(../images/in3-left.png)no-repeat center;left: 90px;}
.in3-con .swiper-button-next:hover, .in3-con .swiper-button-prev:hover{background-color: #0095e2 !important;}

.slideBox{ width:100%; height:700px; overflow:hidden; position:relative;}
		.slideBox .in3-hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .in3-hd ul{ overflow:hidden; zoom:1; float:left;}
		.slideBox .in3-hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .in3-hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .in3-bd{ position:relative; height:100%; z-index:0;}
		
		.slideBox .in3-bd li{zoom:1;vertical-align:middle;width: 100%;height: 700px;}
			.slideBox .in3-bd li a{display: block;width: 100%;height: 100%;position: relative;}
		.slideBox .in3-bd img{ width:450px; height:230px; display:block;}
	.slideBox .prev,.slideBox .next{ position:absolute;  top:50%;  display:block;  filter:alpha(opacity=50);opacity:1; width: 80px;height: 80px;transition: ease.5s;  }
		.slideBox .next{ background: rgba(255,255,255,0.2) url(../images/in3-right.png)no-repeat center;right: 90px;}
		.slideBox .prev{background: rgba(255,255,255,0.2) url(../images/in3-left.png)no-repeat center;left: 90px;}
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;background-color: #0095e2 !important;}
		.slideBox .prevStop{ display:none;}
		.slideBox .nextStop{ display:none;}
.in3-bd ul{display: block;width: 100%;height: 100%;zoom: 1;}
/*index-four  */
.index-four{background-size: 50% 100%;padding:80px 0;position: relative;margin-top: 35px;}
.index-four::before{content: "";position: absolute;width: 55.2%;height: 100%;left: 0;top: 0;background: #0095E2;}
.in4-cont{position: relative;}
.in4-left{float: left;width: 55.2%;background: #0095e2;height: 100%;}
.in4-right{position: absolute;width: 44.8%;right: 0;top: 0;height: 100%;background-size: 100% 100%;background: no-repeat;}
.in4-right img{}
.in4-le-top{}
.in4-le-bottom{}
.in4-txt{width: 96%;height: 100%;}
.in4-txt>div{position: relative;height: 100%;}
.in4-le-top{}
.in4-le-top h2{font-size: 48px;color: #fff;padding-bottom: 20px;position: relative;margin-bottom: 15px;}
.in4-le-top h2::before{content: "";position: absolute;width: 40px;height: 2px;background: #fff;bottom: 0;left: 0;}
.in4-le-top p{font-size: 16px;line-height: 30px;color: #fff;height: 90px;}
.in4-le-top .out::-webkit-scrollbar-thumb{background-color: #fff;}
.in4-le-bottom{margin-top: 70px;}
.in4-le-bottom ul{}
.in4-le-bottom li{float: left;width: 25%;text-align: center;}
.in4-le-bottom li p{font-size: 20px;line-height: 30px;color: #fff;}
.in4-le-bottom li h3{font-size: 36px;color: #fff;margin: 10px 0;}
.in4-le-bottom li h3 span{font-size: 60px;color: #fff;   font-family: "agl";}
.in4-icon{width: 60px;height: 60px;margin: 0 auto;}
.in4-icon img{width: 100%;transition: ease .5s;}
.in4-le-bottom li:hover .in4-icon img{transform: rotateY(180deg);}
/* index-fiv */
.index-fiv{background: #f3f7fa;}
.in5-cont{margin-top: 45px;}
.in5-cont ul{}
.in5-cont li{float: left;width: 20%;text-align: center;padding: 0 25px;margin-bottom: 50px;position: relative;overflow: hidden;}
.in5-cont li h4{font-size: 20px;color: #333;line-height: 34px;position: relative;margin-top: 20px;line-height: 25px;padding-bottom: 20px;margin-bottom: 10px;transition: ease .5s;min-height: 70px;}
.in5-cont li:hover h4{color: #0095e2;}
.in5-cont li h4::before{content: "";position: absolute;width: 30px;height: 2px;background: #0095e2;bottom: 0;left: 44.5%;}
.in5-cont li p{font-size: 16px;line-height: 34px;color: #666;height: 68px;}
.in5-icon{width: 70px;height: 70px;margin: 0 auto;}
.in5-icon img{width: 100%;height: 100%;transition: ease .5s;}
.in5-cont li:hover .in5-icon img{transform: rotateY(180deg);}
.in5-hover{position: absolute;height: 100%;width: 100%;background: #0095E2;top: 100%;left: 0;transition: ease .8s;padding: 10px;}
.in5-cont li:hover .in5-hover{top: 0;}
.in5-hover p{color: #fff !important;}
.in5-hover .in5-hover-con{padding: 10px;width: 100%;height: 188px;position: relative;}
.in5-hover .in5-hover-con p{height: 170px !important;}
.in5-hover .in5-hover-con p::-webkit-scrollbar{background: white;}
.in5-hover-line{position: absolute;width: 94%; height: 94%; position: absolute; left: 3%;top: 3%;}
.in5-line1{border-top: 1px solid #fff;  border-bottom: 1px solid #fff; transform: scale(0,1);}
.in5-line2{border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1,0);}
.in5-line1,.in5-line2{position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0);pointer-events: none;transition: opacity 0.6s, transform 0.6s; transition-delay: 0.3s;}
.in5-cont li:hover .in5-line1,.in5-cont li:hover .in5-line2{opacity: 1;filter: alpha(opacity=100);transform: scale(1);}

@-webkit-keyframes flipOutYtest {
  from {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
  }

  40% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    opacity: 1;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    opacity: 0;
  }
}

.test{
  -webkit-animation: flipOutYtest 0.75s linear;
  animation: flipOutYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes flipInYtest {
  from {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    opacity: 0;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
    opacity: 1;
  }
}

.test2{
  -webkit-animation: flipInYtest 0.75s linear;
  animation: flipInYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* index-six */
.index-six{padding-bottom: 100px;}
.in6-cont{margin-top: 45px;}
.in6-cont ul{margin: 0 -12px;}
.in6-cont li{float: left;width: 33.33%;padding: 0 12px;}
.in6-cont li a{display: block;width: 100%;}
.in6-img{overflow: hidden;}
.in6-img img{width: 100%;transition: ease .5s;}
.in6-cont li:hover .in6-img img{transform: scale(1.04);}
.in6-txt{width: 93%;margin: 0 auto; background: #fff;border-bottom: 2px solid #bfbfbf;position: relative;padding: 30px;margin-top: -40px;}
.in6-txt::before{content: "";position: absolute;width: 0;height: 2px;background: #0095e2;left: 0;bottom: -2px;transition: ease .5s;}
.in6-cont li:hover .in6-txt::before{width: 100%;}
.in6-txt h3{font-size: 20px;line-height: 30px;color: #333;transition: ease .5s;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.in6-cont li:hover .in6-txt h3{color: #0095e2;}
.in6-txt span{font-size: 16px;color: #999;line-height: 30px;display: block;margin-bottom: 10px;}
.in6-txt p{font-size: 16px;line-height: 28px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 84px;}
.in-new-more{font-size: 14px;line-height: 22px;color: #999;padding-left: 30px;background: url(../images/in6-more.png)no-repeat center left;transition: ease .5s;margin-top: 25px;}
.in6-cont li:hover .in-new-more{background-image: url(../images/in6-more2.png);}
@media(max-width:1680px){
.slideBox .prev{left: 30px;}
.slideBox .next{right: 30px;}
.in2-cont{padding: 160px 0;}
}
@media(max-width:1440px){
	.in3-con .swiper-button-next{right: 30px;}
	.in3-con .swiper-button-prev{left: 30px;}
	.banner-cont{padding-top: 100px;}
	.in2-text{padding-left: 70px;}
	.banner-sub{font-size: 56px;}
	.banner-des{font-size: 40px;}
	.in2-cont{padding: 100px 0;}
	.focusBox .hd{bottom: 120px;}
	.slideBox .prev, .slideBox .next{top: 45%;}
}

/* ==============banner============== */
#l-banner{background-size: cover !important;width: 100%;height: 400px;/* margin-top: 110px; */}
.l-banner-txt{position: relative;width: 100%;height: 100%;display: table;}
.l-banner-txt>div{display: table-cell;vertical-align: middle;}
.l-banner-txt h3{font-size: 36px;color: #fff;position: relative;line-height: 36px;padding-bottom: 30px;margin-bottom: 10px;}
.l-banner-txt h3::before{position: absolute;content: "";width: 50px;height: 2px;background: #0095e2;left: 0;bottom: 0;}
.l-banner-txt p{font-size: 16px;line-height: 30px;color: #fff;}
/* =========menu========= */
.l-menu{border-bottom: 1px solid #eeeeee;height: 60px;}
.l-menu a{display: inline-block;font-size: 14px;line-height: 24px;color: #555555;border-top: 4px solid transparent;transition:ease.5s;padding: 16px 36px;}
.l-menu a.on,.l-menu a:hover{border-color: #0095e2;background: #f4f5f5;}

/* =========page======== */
.l-page{text-align: center;}
.l-page a{display: inline-block;font-size: 14px;color: #666;border: 1px solid #e5e5e5;padding: 3px 13px;transition: ease .5s;}
.l-page a:hover{color: #fff;background: #0095E2;border-color: #0095E2;}
/* ============lservice=========== */
.pd{padding: 80px 0;}
.lservice-tit{text-align: center;}
.lservice-tit h3{font-size: 32px;color: #2b2b2b;line-height: 32px;}
.lservice-tit span{font-size: 14px;line-height: 14px;color: #999;position: relative;display: block;margin-top: 12px;padding-bottom: 26px;margin-bottom: 40px;}
.lservice-tit span::before{content: "";position: absolute;width: 100%;height: 1px;background: #e6e8ee;bottom: 0;left: 0;}
.lservice-tit span::after{content: "";position: absolute;width: 44px;height: 3px;background: #009ced;bottom: -1px;left: 48%;}
.lservice-des{font-size: 16px;line-height: 34px;color: #666;text-align: center;}
/*lservice-one  */
.lservice-one{}
.lservice-one-cont{margin-top: 40px;}
.lservice-one-cont a{display: block;width: 100%;}
.lservice1-img{overflow: hidden;}
.lservice1-img img{width: 100%;transition: ease .5s;}
.lservice-one-cont .swiper-slide:hover .lservice1-img img{transform: scale(1.04);}
.lservice1-text{background: #fff;box-shadow: 0px 0px 30px  rgba(0,0,0,0.05);width: 100%;padding: 18px;margin-bottom: 25px;}
.lservice1-tit{font-size:18px;line-height: 34px;color: #333;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.lservice1-tit span{display: inline-block;color: #0095e2;}
.lservice1-pagination{width: 100%;text-align: center;}
.lservice1-pagination .swiper-pagination-bullet {   width: 12px; height: 12px;    background: #0095e2;opacity: 1;margin: 0 10px;}
.lservice1-pagination .swiper-pagination-bullet-active{width: 12px; height: 12px; position: relative;border-radius: 50%;border: 1px solid #0095e2;background: transparent; }
.lservice1-pagination .swiper-pagination-bullet-active::before {  content: "";   position: absolute;  width: 6px;    height:6px;  border-radius: 50%;background: #0095e2;      left: 2px;  top: 2px;}
.lservice-one .picScroll-left .bd ul li a{display: block; float: left;width: 33.3%;padding: 0 10px;}
.lservice-one .picScroll-left .bd ul{margin: 0 !important;}
.lservice-one .picScroll-left .bd ul li{margin: 0 -10px;width: 1200px !important;}
.lservice-one .picScroll-left .bd ul li a>div{overflow: visible;transition: ease .5s;}
.lservice-one .picScroll-left .bd ul li a>div:hover{transform: translateY(-10px);}
.lservice-one .picScroll-left .hd{margin-top: 5px;}
/* lservice-two */
.lservice-two{background: #eff2f7;}
.lservice-two-cont{margin: 40px -25px 0; }
.lservice-two-cont li{float: left;width: 50%;padding: 0 25px;}
.lservice-two-cont li>div{background: #fff;width: 100%;height: 280px;transition: ease .5s;}
.lservice-two-cont li:hover>div{box-shadow: 0 0 20px rgba(0,0,0,0.3);}
.lservice2-icon{width: 70px;height: 70px;margin: 0 auto;}
.lservice2-icon img{width: 100%;transition: ease .5s;}
.lservice-two-cont li:hover .lservice2-icon img{transform: rotateY(180deg);}
.lservice2-txt{}
.lservice2-txt h4{font-size: 20px;color: #333;text-align: center;margin-top: 30px;line-height: 20px;margin-bottom: 10px;}
.lservice-two-cont li:hover .lservice2-txt h4{color: #0095E2;}
.lservice2-txt p{font-size: 16px;line-height: 34px;color: #666;text-align: center;width: 62%;margin: 0 auto;min-height: 68px;}

/* lservice-three */
.lservice-three{}
.lservice-three-cont{margin-top: 50px;}
.lservice-three-cont ul{margin: 0 -25px;}
.lservice-three-cont li{float: left;width: 50%;padding: 0 25px;}
.lservice-three-cont li a{display: block;width: 100%;}
.lservice3-img{overflow: hidden;}
.lservice3-img img{width: 100%;transition: ease .5s;}
.lservice-three-cont li:hover .lservice3-img img{transform: scale(1.04);}

.lservice3-txt{padding: 10px 0;}
.lservice3-txt h4{font-size: 20px;line-height: 34px;color: #666;float: left;    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80%;}
.lservice-three-cont li:hover .lservice3-txt h4{color: #0095e2;}
.lservice3-txt span{display: inline-block;font-size: 22px;line-height: 34px;color: #666;float: right;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20%;}
.lservice-three-cont .banner-more{margin: 0 auto;display: block;width: 155px;margin-top: 35px;}
.lservice-three-cont .banner-more:hover{border-color: #0095e2;color: #0095e2;background-image: url(../images/more.png);}

/* ==========lservice2========== */
.lservice2{}
.lservice2 .lservice-three-cont li{margin-bottom: 35px;}


/* ============product-solution============== */
.product-solution{background-size: cover !important;padding: 155px 0 80px;}
.product-solution{}
.product-solution-tit{font-size: 36px;color: #fff;line-height: 36px;text-align: center;position: relative;padding-bottom: 32px;margin-bottom: 20px;}
.product-solution-tit::before{content: "";position: absolute;width: 50px;height: 2px;background: #fff;bottom: 0;left: 48%;}
.product-solution-des{font-size: 16px;line-height: 30px;color: #fff;text-align: center;width: 71%;margin: 0 auto;}
.product-solution-cont{margin-top: 100px;}
.product-solution-cont li{float: left;width: 25%;text-align: center;background: url(../images/pro-solu-more.png)no-repeat center bottom;background-image:none;transition:ease .5s;padding-bottom: 25px;}
.product-solution-cont li:hover{background: url(../images/pro-solu-more.png)no-repeat center bottom;transform: translateY(-40px);}
.product-solution-cont li a{display: block;width: 100%;}
.product-solution-icon{width: 160px;height: 160px;margin: 0 auto;position: relative; border-radius: 50%;border: 1px dashed rgba(255,255,255,0.75);text-align: center;transition: ease .5s;line-height: 160px;transition: ease .5s;}
.product-solution-icon::before{content: "";position: absolute;width:130px ;height: 130px;border-radius: 50%;background: transparent;transition: ease .5s;left: 15px;top: 15px;}
.product-solution-cont li:hover ::before{background: #0095E2;}
.product-solution-cont li:hover .product-solution-icon{border-color: #009CED;}
.product-solution-icon img{width: 58px;transition: ease .5s;position: relative;}
.product-solution-txt{font-size: 20px;line-height: 34px;color: #fff;width: 65%;margin: 0 auto;margin-top: 25px;}



/* ===============lhonor============= */
.lhonor-banner{height: 700px !important;}
.lhonor-banner-txt{text-align: center;}
.l-banner-txt h3::before{display: none;}
.lhonor-p{width: 83%;margin: 0 auto;}

.lhonor-span{display: block;font-size: 16px;line-height: 30px;color: #fff;border-radius: 30px;background: #0095e2;width: 155px;padding: 3px 0;margin: 0 auto;margin-top: 40px;transition: ease .5s;border: 1px solid transparent;}
.lhonor-span:hover{color: #fff;border-color: #fff;background: none;}
.lhonor{background: #f1f1f1;padding-top: 50px;}
.lhonor-cont{margin-top: 40px;}
.lhonor-cont ul{margin: 0 -25px;}
.lhonor-cont li{float: left;width: 25%;text-align: center;margin-bottom: 45px;padding: 0 25px;cursor: pointer;}
.lhonor-cont li p{font-size: 18px;line-height: 24px;color: #333;}
.l-techno4-pic{margin-bottom: 18px;border: 1px solid transparent;transition: ease .5s;}
.lhonor-cont li:hover .l-techno4-pic{border-color: #0095E2;}
.l-techno4-pic img{width: 100%;}
.lhonor .l-page a{background: #fff;}
.lhonor .l-page a:hover{background:#0095E2;}
#darkbox { position: fixed; z-index: 10002;background: rgba(0,0,0,0.8) no-repeat none 50%; background-size: contain; -webkit-box-shadow: 0 0 0 3000px rgba(0,0,0,0.8); box-shadow: 0 0 0 3000px rgba(0,0,0,0.8); opacity: 0;  visibility: hidden; }
  #darkbox.on { opacity: 1;visibility: visible; height: 90% !important; width: 90% !important; left: 5% !important; top: 5% !important; }
  #darkbox_prev, #darkbox_next { cursor: pointer;-moz-user-select: none;-ms-user-select: none;    user-select: none;-webkit-user-select: none; position: absolute;  top: 50%; margin-top: -25px;height: 50px; width: 50px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-top: 2px solid #fff; border-right: 2px solid #fff;-webkit-transition: all .3s; -o-transition: all .3s;  transition: all .3s;}
  #darkbox_prev { left: -2px; -ms-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);transform: rotate(-135deg); }
  #darkbox_next { -ms-transform: rotate(45deg);-webkit-transform: rotate(45deg); transform: rotate(45deg);  right: -2px;}
  #darkbox_prev:hover,#darkbox_next:hover{border-color: #0095E2;}
  #darkbox-description {  position: absolute; width: 100%; color: #fff; font-size: 18px; bottom: 25px; text-align: center;text-shadow: 0 1px 1px #000; }
  #darkbox:after { position: absolute;  right: 0; top: 0; width: 24px; height: 24px; content: ""; color: #fff; cursor: pointer; background: url(../images/close.png) no-repeat center transparent;}
  
  /* =========solution=========== */
  
  .lsolution-h3{margin-bottom: 20px !important;}
    .lsolution-h3::before{left: 47.8% !important;}
	.lsolution-banner{height: 600px !important;}
  .lsolution{}
  .lsolution-one{padding-top: 80px;}
  .lsolution-tit{font-size: 24px;color: #333;position: relative;line-height: 24px;text-align: center;padding-bottom: 20px;}
    .lsolution-tit::before{content: "";position: absolute;width: 30px;height: 1px;background: #0095E2;left: 48.5%;bottom: 0;}
  .lsolution-one-con{margin-top: 40px;}
  .lsolution-one-con ul{}
  .lsolution-one-con li{float: left;text-align: center;width: 25%;padding: 0 30px;margin-bottom: 80px;}
    .lsolution-one-con li h4{font-size: 18px;color: #0095e2;line-height: 18px;margin: 20px 0 25px;}
	  .lsolution-one-con li p{font-size: 14px;line-height: 24px;color: #666;min-height: 48px;}
  .lsolution1-icon{width: 60px;height: 60px;margin: 0 auto;position: relative;overflow: hidden;}
  .lsolution1-icon img{width: 100%;transition: ease .5s;position: absolute;}
  .lsolution1-icon1{top: 0;left: 0;}
  .lsolution1-icon2{top: -100%;left: 0;}
  	  .lsolution-one-con li:hover .lsolution1-icon1{top: 100%;}
	  .lsolution-one-con li:hover .lsolution1-icon2{top: 0;}
    .lsolution-two{background-size: 100% 100% !important;height: 600px;padding: 80px 0;}
	    .lsolution-two ul{width: 900px;margin: 0 auto;position: relative;}
		    .lsolution-two li{float: left;width: 20%;text-align: center;position: absolute;transition: ease .5s;height: 100%;}
			 .lsolution-two li:hover{transform: translateY(-20px);}
			
			 .lsolution-two li h4{font-size: 16px;line-height: 30px;color: #fff;margin-bottom: 15px;}
			 .lsolution2-icon{width: 64px;height: 64px;margin: 0 auto;border-radius: 50%;background: rgba(0,149,226,0.3);position: relative;}
				 .lsolution2-icon::before{content: "";position: absolute;width: 68px;height: 68px;border-radius: 50%;background: transparent;border: 2px solid #0095E2;top: -4px;left: -2px;}		 
			.lsolution2-icon::after{content: "";position: absolute;width: 5px;height: 66px;background: url(../images/solution2-af.png)no-repeat center;bottom: -68px;}
			 .lsolution2-icon img{width: 100%;}
			 .solu2-li1{margin-left: 25px;margin-top:235px;position:static !important;}
	.solu2-li2{left: 175px;top: 140px;}
	.solu2-li3{left: 356px;top: 75px;}
	.solu2-li4{left: 540px;top: 140px;}
	.solu2-li5{left: 700px;top: 235px;}
	
	.lsolution-three{}
	.lsolution-three-con{margin-top: 40px;}
	.lsolution-three-con ul{margin: 0 -25px;}
	.lsolution-three-con li{float: left;width: 33.3%;padding: 0 25px 50px;}
	.lsolution-three-con li a{display: block;width: 100%;}
	.lsolution3-img{overflow: hidden;}
	.lsolution3-img img{width: 100%;transition: ease .5s;}
		.lsolution-three-con li:hover .lsolution3-img img{transform: scale(1.04);}
				.lsolution3-txt{background: #fff;padding: 26px 20px;box-shadow: 10px 20px 30px 10px rgba(0,0,0,0.05);}
	.lsolution3-txt h3{font-size: 16px;line-height: 28px;color: #2a2a2a;transition: ease .5s;float: left;white-space: nowrap;   text-overflow: ellipsis;   overflow: hidden; max-width: 90%;}
		.lsolution3-txt i{display: inline-block;width: 36px;height: 36px;background: url(../images/solution3-more.png)no-repeat center;transition: ease .5;float: right;}	
		.lsolution-three-con li:hover .lsolution3-txt i{background-image: url(../images/solution3-more1.png);}
		.lsolution-three-con li:hover .lsolution3-txt h3{color: #0095E2;}
		@media(max-width:1440px){
					 .solu2-li1{margin-left: 0;}
			.solu2-li2{left: 150px;}
			.solu2-li3{left: 39.9%;}
			.solu2-li4{right: 150px;left: auto;}
			.solu2-li5{right: 0;left: auto;}
		}
		/* ===========lteam=========*/
.lteam{padding: 50px 0;}
.lteam-cont{margin-top: -40px;margin-bottom: 60px;}
.lteam-cont ul{}
.lteam-cont li{float: left;width: 50%;position: relative;margin-top: 70px;transition: ease .5s;padding: 10px;}
.lteam-cont li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3);transform: translateY(-5px);}
.lteam-pic{float: left;width: 26.9%;height: 220px;}
.lteam-pic img{width: 100%;}
.lteam-txt{float: right;width: 46%;position: absolute;height: 100%;left: 31%;}
.lteam-txt h3{font-size: 20px;line-height: 20px;color: #333;margin-bottom: 15px;}
.lteam-txt h4{font-size: 14px;line-height: 14px;color: #666;margin-bottom: 15px;padding-bottom: 20px;position: relative;}
.lteam-txt h4::before{content: "";position: absolute;width: 25px;height: 1px;background: #0095E2;bottom: 0;left: 0;}
.lteam-txt p{font-size: 14px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;  overflow: hidden;}


/* ==========lidea========== */
.lidea{}
.lidea-one{padding-bottom: 20px;padding-top: 50px;}
.lidea-two{background: #f3f7fa;}
.lidea-two .banner-more,.lidea-four .banner-more{margin: 0 auto;display: block; width: 155px; height: 50px;margin-top: 50px;}
.lidea-two .banner-more:hover,.lidea-four .banner-more:hover{color: #0095E2;border-color: #0095E2;background-image: url(../images/more.png);}
.lidea-two .lteam-cont ul{margin: 0 -25px;}
.lidea-two .lteam-cont li:hover>div{box-shadow: 0 0 20px rgba(0,0,0,0.3);}
.lidea-two .lteam-cont li:hover{transform: none;box-shadow: none;}
.lidea-two .lteam-cont li{margin-top: 50px;padding: 0 25px;}
.lidea-two .lteam-cont li>div{background: #fff;padding: 10px;transition: ease .5s;}
.lidea-two .lteam-cont{margin-bottom: 0;}
.lidea-two .lteam-pic{width: 28.1%;}
.lidea-two .lteam-txt{left: 35%;}
.lidea-three{}
.lidea-three .in2-con{margin-top: 40px;}
.lidea-three .in2-banner .swiper-slide a{height: auto;text-align: center;}
.idea3-img{overflow: hidden;}
.idea3-img img{width: 100%;transition: ease .5s;}
.lidea-three .in2-banner .swiper-slide a:hover .idea3-img img{transform: scale(1.04);}
.idea3-txt{}
.idea3-txt h3{font-size: 20px;color: #333;line-height: 20px;position: relative;margin-top: 30px;padding-bottom: 20px;margin-bottom: 6px;text-align: center;}
.idea3-txt h3::before{content: "";position: absolute;width: 30px;height: 1px;background: #0095E2;left: 48%;bottom: 0;}

.idea3-txt p{font-size: 14px;line-height: 28px;color: #666;width: 90%;margin: 0 auto;text-align: center;}
.lidea-three .picScroll-left .hd{margin-top: 40px;}
.lidea-four{background: #f3f7fa;}
.lidea-four .lhonor-cont li{margin-bottom: 0;}